<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!--360浏览器优先以webkit内核解析-->
    <title> 首页内容</title>

    <link rel="shortcut icon" href="__PUBLIC__/admin/favicon.ico">
    <link href="__PUBLIC__/admin/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__PUBLIC__/admin/css/font-awesome.css?v=4.4.0" rel="stylesheet">

    <link href="__PUBLIC__/admin/css/animate.css" rel="stylesheet">
    <link href="__PUBLIC__/admin/css/style.css?v=4.1.0" rel="stylesheet">

</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content">
        <div class="row text-center">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>藏品类别分布</h5>
                </div>
                <div class="ibox-content" style="height:150px;">
                    <div class="col-md-3" >
                      <!--   <a href="{:Url('collect/collection')}"> -->
                            <div class="panel padder-v item" style="background:#c23531;">
                                <div class="h1 text-fff font-thin h1">{$aaall}</div>
                                <span class="text-muted text-xs">总数量</span>
                            </div>
                        </a>
                    </div>
                    <!-- <a href="{:Url('index/collect',array('state'=>0))}"> -->
                        <div class="col-md-3">
                            <div class="panel padder-v item" style="background:#2f4554;">
                                <div class="h1 text-fff font-thin h1">{$aaa}</div>
                                <span class="text-muted text-xs">在库</span>
                            </div>
                        </div>
                    </a>
                  <!--   <a href="{:Url('index/collect',array('state'=>1))}"> -->
                        <div class="col-md-3">
                            <div class="panel padder-v item" style="background:#a1b9d3;">
                                <div class="h1 text-fff font-thin h1">{$listaa}</div>
                                <span class="text-muted text-xs">已出库</span>
                            </div>
                        </div>
                    </a>
                 <!--    <a href="{:Url('index/collect',array('state'=>2))}"> -->
                        <div class="col-md-3">
                            <div class="panel padder-v item" style="background:#d48265;">
                                <div class="font-thin text-fff  h1">{$datacc}</div>
                                <span class="text-muted text-xs">转库</span>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="panel panel-default">
                <div class="panel-heading">
                    月度出入库状况
                    <!--<div class="pull-right">
                        年:
                        <select name="year" id="year" class="ay-search-width100" onchange="getWarehouse()">
                            <option value="">-请选择-</option>

                            <option value="2007">
                                2007</option>

                            <option value="2008">
                                2008</option>

                            <option value="2009">
                                2009</option>

                            <option value="2010">
                                2010</option>

                            <option value="2011">
                                2011</option>

                            <option value="2012">
                                2012</option>

                            <option value="2013">
                                2013</option>

                            <option value="2014">
                                2014</option>

                            <option value="2015">
                                2015</option>

                            <option value="2016">
                                2016</option>

                            <option value="2017" selected="selected">
                                2017</option>

                            <option value="2018">
                                2018</option>

                            <option value="2019">
                                2019</option>

                            <option value="2020">
                                2020</option>

                            <option value="2021">
                                2021</option>

                            <option value="2022">
                                2022</option>

                            <option value="2023">
                                2023</option>

                            <option value="2024">
                                2024</option>

                            <option value="2025">
                                2025</option>

                            <option value="2026">
                                2026</option>

                            <option value="2027">
                                2027</option>

                        </select>
                    </div>-->
                </div>
                <div class="panel-body">
                    <div id="echart-churuku" style="width: 100%; height: 300px;"></div>
                </div>
            </div>
        </div>
        <!-- 全局js -->
        <script src="__PUBLIC__/admin/js/jquery.min.js?v=2.1.4"></script>
        <script src="__PUBLIC__/admin/js/bootstrap.min.js?v=3.3.6"></script>
        <script src="__PUBLIC__/admin/js/plugins/layer/layer.min.js"></script>
        <!-- 引入 ECharts 文件 -->
        <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js"></script>

        <script>

            //柱状图
            var echartChuruku = echarts.init(document.getElementById('echart-churuku'));
            option = {
                tooltip: {
                    trigger: 'axis'
                },
                legend: {
                    data: ['出库', '入库']
                },
                toolbox: {
                    show: true,
                    feature: {
                        mark: {
                            show: true
                        },
                        dataView: {
                            show: true,
                            readOnly: false
                        },
                        magicType: {
                            show: true,
                            type: ['line', 'bar']
                        },
                        restore: {
                            show: true
                        },
                        saveAsImage: {
                            show: true
                        }
                    }
                },
                calculable: true,
                xAxis: [{
                    type: 'category',
                    data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
                }],
                yAxis: [{
                    type: 'value'
                }],
                series: [{
                        name: '出库',
                        type: 'bar',
                        data: ['{$away1_2??""}', '{$away2_2??""}','{$away3_2??""}', '{$away4_2??""}', '{$away5_2??""}', '{$away6_2??""}', '{$away7_2??""}', '{$away8_2??""}', '{$away9_2??""}', '{$away10_2??""}', '{$away11_2??""}', '{$away12_2??""}']
                    },
                    {
                        name: '入库',
                        type: 'bar',
                        data: ['{$away1_1??""}', '{$away2_1??""}', '{$away3_1??""}','{$away4_1??""}', '{$away5_1??""}','{$away6_1??""}', '{$away7_1??""}', '{$away8_1??""}', '{$away9_1??""}', '{$away10_1??""}', '{$away11_1??""}', '{$away12_??""}']
                    }
                ]
            };
            if (option && typeof option === "object") {
                echartChuruku.setOption(option, true);
            }


        </script>
        <script>
        </script>
    </div>
</body>

</html>